<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    //1.全局作用域（全局有效）：作用于整个script标签内或一个独立的js文件
    //2.局部作用域（局部有效）：作用于函数内的代码环境，也称为函数作用域

    let num = 10//全局变量：函数外部let的变量，在任何区域都可以访问和修改
    console.log(`全局变量在函数外面使用${num}`)
    function fn() {
      console.log(`全局变量在函数里面使用${num}`)
    }
    fn()

    function fun() {
      let str = 'lishuaige'//局部变量：函数内部let的变量，只在当前函数内部访问和修改
      return str
    }
    console.log(fun())  //成功运行
    //console.log(str)  //显示not defined


    console.log(`全局变量在任何地方都可以使用${num}`)
  </script>
</body>

</html>